<html>
<head>
    <title>Test for bug 62243</title>
    <style type="text/css">
        #ruler {
            transform: translateZ(0);
            border-bottom: 10px solid black;
            width: 550px;
            height: 500px;
        }
    </style>
    <script src="../../../resources/run-after-layout-and-paint.js"></script>
    <script>
        function repaintTest()
        {
            document.getElementById("ruler").style.height = "450px";
        }
    </script>
</head>
<body onload="runAfterLayoutAndPaint(repaintTest, true);">
    <div id="ruler">
</body>
</html>
